<template>  
<a-breadcrumb style="font-size: 18px; font-weight: bold; margin-bottom: 20px">
    <a-breadcrumb-item>基础信息</a-breadcrumb-item>
    <a-breadcrumb-item>客户</a-breadcrumb-item>
  </a-breadcrumb>  
    <customer-list v-if="currPage == 'list'" @toDetails="onToDetails" ></customer-list>
    <customer-details  v-if="currPage == 'details'" :record="record" @back="currPage = 'list'"  ></customer-details>
</template>

<script setup>
import CustomerList from "./CustomerList.vue"
import CustomerDetails from "./CustomerDetails.vue"
import {ref} from 'vue'
const currPage = ref('list');
const record = ref({});
const onToDetails = (rec)=>{
    
    record.value = rec;
    currPage.value = 'details';
};

</script>

<style scope>

</style>